<%@ page language="java" pageEncoding="UTF-8"%>
<script type="text/javascript">
	$(function() {
		$('#admin_yhgl_addForm input').on('keyup', function(event) {
			if (event.keyCode == '13') {
				addFun();
			}
		});
		$('#admin_yhgl_dataGrid').datagrid({
			fit : true,
			border : false,
			fitColumns : true,
			pagination : true,
			pagePosition : 'bottom',
			pageSize : 10,
			pageList : [ 10, 15, 20 ],
			idField : 'id',
			checkOnSelect : false,
			selectOnCheck : false,
			url : '${pageContext.request.contextPath}/userAction!dataGrid.action',
			columns : [ [ {
				checkbox : true,
				field : 'id',
				title : '编号',
				width : 150,
				sortable : true
			}, {
				field : 'name',
				title : '用户名',
				width : 150,
				resizable : true,
				sortable : true
			}, {
				field : 'pwd',
				title : '密码',
				width : 150,
				hidden : true
			}, {
				field : 'creattime',
				title : '创建时间',
				width : 150,
				sortable : true
			}, {
				field : 'modifytime',
				title : '最后修改时间',
				width : 150,
				sortable : true
			} ] ],
			toolbar : [ {
				text : '增加',
				iconCls : 'icon-add',
				handler : function() {
					append();
				}
			}, '-', {
				text : '删除',
				iconCls : 'icon-remove',
				handler : function() {
					remove();
				}
			}, '-', {
				text : '修改',
				iconCls : 'icon-edit',
				handler : function() {
					editFun();
				}
			}, '-' ]
		});
	});
	function searchFun() {
		/* $('#admin_yhgl_dataGrid').datagrid('load', {
			name : $('#admin_yhgl_layout input[name=name]').val()
		}); */
		console.info(serializeObject($('#yhgl_searchForm')));
		$('#admin_yhgl_dataGrid').datagrid('load', serializeObject($('#yhgl_searchForm')));
	}

	function cleanFun() {
		$('#admin_yhgl_layout input[name=name]').val('');
		$('#admin_yhgl_dataGrid').datagrid('load', {});
	}

	function append() {
		$('#admin_yhgl_addForm input').val("");
		$('#admin_yhgl_addDialog').dialog('open');
	}

	function remove() {
		var rows = $('#admin_yhgl_dataGrid').datagrid('getChecked');
		var ids = [];
		if (rows.length > 0) {
			$.messager.confirm('确认', '您是否要删除当前选中的项目？', function(r) {
				if (r) {
					for (var i = 0; i < rows.length; i++) {
						ids.push(rows[i].id);
					}
					$.ajax({
						url : '${pageContext.request.contextPath}/userAction!remove.action',
						data : {
							ids : ids.join(',')
						},
						datatype : 'json',
						success : function(data) {
							var obj = jQuery.parseJSON(data);
							if (obj.success) {
								$('#admin_yhgl_dataGrid').datagrid('load');
								$('#admin_yhgl_dataGrid').datagrid('uncheckAll');
							}
							$.messager.show({
								title : '提示',
								msg : obj.msg,
							});

						}
					});
				}
			});
		}
		else {
			$.messager.show({
				title : '提示',
				msg : '请勾选要删除的记录！'
			});
		}
	}

	function addFun() {
		$('#admin_yhgl_addForm').form('submit', {
			url : '${pageContext.request.contextPath}/userAction!reg.action',
			success : function(data) {
				var obj = $.parseJSON(data);
				if (obj.success) {
					$('#admin_yhgl_dataGrid').datagrid('insertRow', {
						index : 0, // index start with 0
						row : obj.obj
					});
					$('#admin_yhgl_addDialog').dialog('close');
				}
				$.messager.show({
					title : '提示',
					msg : obj.msg,
					showType : 'slide'
				});
			}
		});
	}

	function editFun() {
		var rows = $('#admin_yhgl_dataGrid').datagrid('getChecked');
		if (rows.length == 1) {
			//这种简写相当于
			//$('<div id="sss"></div>').appendTo('<body>');
			//$('#sss').dialog({});
			var d = $('<div/>').dialog({
				width : 300,
				height : 200,
				href : '${pageContext.request.contextPath}/admin/yhglEdit.jsp',
				modal : true,
				title : '编辑框',
				buttons : [ {
					text : '提交',
					handler : function() {
						$.ajax({
							url : '${pageContext.request.contextPath}/userAction!edit.action',
							data : $('#admin_yhglEdit_editForm').serialize(),
							datatype : 'json',
							success : function(data) {
								var o = $.parseJSON(data);
								if (o.success) {
									d.dialog('close');
									$('#admin_yhgl_dataGrid').datagrid('updateRow', {
										index : $('#admin_yhgl_dataGrid').datagrid('getRowIndex', rows[0].id),
										row : o.obj
									});
								}
								$.messager.show({
									title : '提示',
									msg : o.msg,
									showType : 'slide'
								});
							}
						});
					}
				} ],
				onClose : function() {
					$(this).dialog('destroy');
				},
				onLoad : function() {
					$('#admin_yhglEdit_editForm').form('load', rows[0]);
				}
			});
		}
		else {
			$.messager.alert('提示', '请选择一条记录!');
		}
	}
</script>
<div id="admin_yhgl_layout" class="easyui-layout" data-options="fit:true">
	<div data-options="region:'north',title:'查询条件',border:false" style="height: 100px;">
		<form id="yhgl_searchForm">
			检索用户名:
			<input type="text" name="name"></input>
			</br> 搜索创建时间于:
			<input name="startdate" type="text" class="easyui-datebox">
			--
			<input name="enddate" type="text" class="easyui-datebox">
			</br>
			<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true" onclick="searchFun();">搜索</a>
			<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-reload',plain:true" onclick="cleanFun();">清空</a>
		</form>
	</div>
	<div data-options="region:'center',border:false">
		<table id="admin_yhgl_dataGrid"></table>
	</div>
</div>
<div id="admin_yhgl_addDialog" class="easyui-dialog" style="width: 300px; height: 200px;" data-options="title:'添加用户',modal:true,closed:true,
			buttons:[{
				text:'增加',
				handler:function(){
					addFun();
				}
			}]">
	<form id="admin_yhgl_addForm" method="post">
		<table>
			<tr>
				<th>用户名:</th>
				<td>
					<input name="name" type="text" class="easyui-validatebox" data-options="required:true,missingMessage:'请输入用户名'" />
				</td>
			</tr>
			<tr>
				<th>密码:</th>
				<td>
					<input name="pwd" type="password" class="easyui-validatebox" data-options="required:true,missingMessage:'请输入密码'" />
				</td>
			</tr>
			<tr>
				<th>重复密码:</th>
				<td>
					<input name="rpwd" type="password" class="easyui-validatebox" data-options="required:true,missingMessage:'请再次输入密码',validType:'equals[\'#regForm input[name=pwd]\']'" />
				</td>
			</tr>
		</table>
	</form>
</div>


